import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const FolderSvg = () => (
  <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M1 4C1 3.44771 1.44772 3 2 3H12C12.5523 3 13 3.44772 13 4V5H5.193C4.56773 5 4.00805 5.38786 3.78851 5.97332L2.53184 9.32444C2.43488 9.583 2.56588 9.8712 2.82444 9.96816C3.083 10.0651 3.3712 9.93412 3.46816 9.67556L4.72484 6.32444C4.79802 6.12929 4.98458 6 5.193 6H5.693H13H14.557C15.2552 6 15.7385 6.69737 15.4933 7.35112L13.2433 13.3511C13.097 13.7414 12.7238 14 12.307 14H12H3.443H2C1.44772 14 1 13.5523 1 13V4Z"
      fillOpacity="0.9"
    />
  </svg>
);

const FolderOutLined = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={FolderSvg} {...props} />;
};

export default FolderOutLined;
